import { StyleSheet, Text, View, Image } from 'react-native'
import React from 'react'
import icon from '../assets/icon.png'
import { Link } from 'expo-router'
import ThemedView from "../components/ThemedView";
import Spacer from '../components/Spacer';
import ThemedText from '../components/ThemedText';

const Home = () => {
  return (
    <View style={{ flex: 1 }}>
      <View>
        <ThemedView>
          <ThemedText>123</ThemedText>
        </ThemedView>

        <Spacer height={0} />

        <ThemedText title={false}>Home</ThemedText>
        <Image source={icon} style={styles.icon} />
        <Link href="/about">
          <ThemedText>Login Page</ThemedText>
        </Link>
        <Link href="/register">
          <ThemedText>Register Page</ThemedText>
        </Link>
      </View>
    </View>
  );
}

export default Home

const styles = StyleSheet.create({
  icon: {
    width: 100,
    height: 100,
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  }
});

// rnfes
// 快捷键